import React from 'react'
import { Row, Col, Form } from 'antd'
import style from './Index.module.less'
import Text from '@components/Text'

const { Item } = Form

function Main ({ data }) {
  const operatorNames = data.operators.map(li => li.name).join('、')
  return (
    <div className={style.contaienr}>
      <div className={style['title-line']}>{data.step_name}</div>
      <div className={style['form-vars']}>
        <Row gutter={24}>
          <Col span={8}>
            <Item label='操作者'>
              <Text value={operatorNames} />
            </Item>
          </Col>
          <Col span={8}>
            <span>未操作</span>
          </Col>
        </Row>
      </div>
    </div>
  )
}

export default Main
